@import './common';
page{
	background-color:#F3F4F7;
}

.lists{
	box-sizing:border-box;
	padding:0 setSize(24);

	.list-item{
		box-sizing:border-box;
		padding:setSize(24) 0;
		border-bottom:setSize(1) solid $thirdBgWin;

		.avat-box{

			.avat{
				display: block;
				width: setSize(80);
				height: setSize(80);
				border-radius: 50%;
			}
		}

		.title-box{
			box-sizing:border-box;
			padding:0 setSize(24);
			@include ellipsis;
			
			.title{
				font-size:setSize(30);
				font-weight:400;
				// color:rgba(51,51,51,1);
				@include ellipsis;
			}

			.tag{
				margin-top: setSize(6);
				font-size:setSize(24);
				font-weight:400;
				color:rgba(133,134,136,1);
				@include ellipsis;
			}
		}

		.btn{
			width:setSize(112);
			height:setSize(56);
			line-height:setSize(56);
			// background:rgba(255,255,255,1);
			border-radius:setSize(8);
			border:setSize(1) solid rgba(222,222,222,1);
			font-size:setSize(24);
			font-weight:400;
			color:rgba(153,153,153,1);
			text-align: center;
		}

		.btn-active{
			color: $mainColor;
			border-color:$mainColor;
		}
	}
}